<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页</title>
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>
<body>
    <div class="wrap">
        <header  clearfix>
            <div class="top-peag"></div>
            <div class="head-navigation">
                <div class="logo">
                    <img src="./img/logo.png" alt="">
                </div>
                <div class="list">
                    <ul class="clearfix">
                        <li><a href="./index.html">首页</a></li>
                        <li><a href="./register.html">登录页 </a></li>
                        <li><a href="./detail-page.html">详情页 </a></li>
                        <li><a href="./list-page.html">列表页 </a></li>
                        <li><a href="./register-zc.html">注册页 </a></li>
                        <li><a href="">关于鼎搜</a></li>
                    </ul>
                </div>
                <div class="search-box clearfix">
                    <input type="text" name="" id="">
                    <span class="iconfont icon-ai219"></span>
                </div>
            </div>
            <div class="banner">
                <img src="./img/beijingtu.png" alt="">
            </div>
        </header>

        <main>
            <div class="title">
                <p>我要转让</p>
                <span>WO YAO ZHUAN RANG</span>
            </div>

            <div class="Form-fields">
                <div class="form-left">
                    <div class="button">
                        <button><a href="">点击登录</a></button>
                        <button><a href="">点击注册</a></button>
                    </div>

                    <div class="table">
                        <table>
                            <tr>
                                <td>用户名：</td>
                                <td colspan="4"><input type="text" style="width: 265px; height: 16px; background-color: #ecf5ff;"></td>

                            </tr>
                            <tr>
                                <td>密码：</td>
                                <td colspan="4"><input type="password" style="width: 265px; height: 16px; background-color: #ecf5ff;"></td>
                            </tr>

                            <tr>
                                <td>验证码：</td>
                                <td><input type="text" style="width: 97px; height: 16px; background-color: #ecf5ff;"></td>
                                <td style="width:72px; height: 23px; padding: 0 5px;"> <img src="./img/yanzheng (1).png" alt="" style="width: 100%; display: block;"></td>
                                <td colspan="2" style="font-size: 12px;">看不清？<a href="#">点击更换</a></td>
                            </tr>

                            <tr style="font-size:12px;">
                                <td>有效期：</td>
                                <td colspan="4" style="width: 220px;">
                                    <label for="1"><input type="radio" style="vertical-align: middle;" name="radio" id="1"><span>一个月</span></label>
                                    <label for="2"><input type="radio" style="vertical-align: middle;" name="radio" id="2"> <span>一周</span></label>
                                    <label for="3"><input type="radio" style="vertical-align: middle;" name="radio" id="3"> <span>一天</span></label>
                                    <label for="4"><input type="radio" style="vertical-align: middle;" name="radio" id="4"> <span>即时</span></label>
                                </td>
                            </tr>
                        </table>

                        <div class="button-bottom">
                            <button><a href="#">登录</a></button>
                            <span><a href="#">忘记密码？</a></span>
                        </div>
                    </div>
                </div>

                <div class="form-right">
                    <img src="./img/logo (2).png" alt="">
                </div>
            </div>
        </main>

        <footer>
            <div class="bottom-list clearfix">
                <div class="list">
                    <ul>
                        <li><a href="">简介</a></li>
                        <li><a href="">鼎搜网简介</a></li>
                        <li><a href="">鼎搜服务</a></li>
                        <li><a href="">会员身份实名认证</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">帮助</a></li>
                        <li><a href="">用户注册</a></li>
                        <li><a href="">关于鼎搜</a></li>
                        <li><a href="">在线咨询</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">共赢</a></li>
                        <li><a href="">网站合作</a></li>
                        <li><a href="">用户协议</a></li>
                        <li><a href="">会员身份实名认证</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">导航</a></li>
                        <li><a href="">地图首页</a></li>
                        <li><a href="">职能分类</a></li>
                        <li><a href="">企业名录</a></li>
                    </ul> 
                </div>
            </div>
            
            <div class="serve-box clearfix">
                <div class="top">
                    <span class="iconfont icon-dainhau clearfix"></span>
                    <div class="text-left ">
                        <p>全国服务热线</p>
                        <p>440-880-1779</p>
                        <span>邮箱:kern417@163.com</span>
                    </div>
                    <div class="text-right">
                        <p>投诉电话：4408801779</p>
                        <p>周一至周六：9:20-20:00</p>
                        <div class="button-box">
                            <div class="box clearfix">
                                <span class="iconfont icon-weibo1"></span>
                                <div class="div">关注</div>
                            </div>
                            <div class="box clearfix">
                                <span class="iconfont icon-weibo"></span>
                                <div class="div">关注</div>
                            </div>
                        </div>
                    </div>
            
                </div>

                <div class="bottom">
                    <div class="erweima clearfix">
                        <img src="./img/erweima.jpg" alt="">
                    </div>
                    <div class="text clearfix">
                        <p>订阅信息</p>
                    </div>
                </div>
            </div>
        </footer>

        <div class="under">
            <p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>
    </div>
</body>
</html>